<template>
  <KView class="day-sign-datetime">
    <KView>{{$moment(signData.timeRes).format('dddd')}}</KView>
    <KView class="day-sign-datetime-data clearfix">
      <KView class="day-sign-datetime-time">{{$moment(signData.timeRes).format('YYYY.MM.DD')}}</KView>
      <KView class="day-sign-datetime-count">
        <KView>已连续签到</KView>
        <KView class="day-sign-datetime-day">{{signData.count}}</KView>
        <KView>天</KView>
      </KView>
    </KView>
  </KView>
</template>

<script>
  export default {
    props: {
      signData: {
        type: Object,
        required: true
      }
    },

    data() {
      return {};
    }
  };

</script>

<style lang="scss">
  .day-sign-datetime {
    font-size: formatPx(30);

    .day-sign-datetime-data {
      margin-top: formatPx(6);
      height: formatPx(50);

      .day-sign-datetime-time {
        float: left;
        line-height: formatPx(60);
      }

      .day-sign-datetime-count {
        float: right;
        display: flex;
        line-height: formatPx(60);

        .day-sign-datetime-day {
          color: #59c163;
          font-size: formatPx(50);
          margin: 0 formatPx(4);
          line-height: formatPx(50);
        }
      }
    }
  }

</style>
